<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>华为网页</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>

    <div class="top">
        <ul>
            <li><span>&#8862 集团网站</span>
                <span>选择区域/语言</span>
                <span>登录</span>
            </li>
        </ul>
    </div>
    <div class="head">
        <img src="./img/huawei_logo.png" alt="华为标志">
        <ul>
            <li>个人及家庭产品</li>
            <li>商用产品及方案</li>
            <li>服务支持</li>
            <li>合作伙伴与开发者</li>
            <li>关于华为</li>
        </ul>
        <div class="head1">
            <img src="./img/购物.png" alt="购物">
            <span>在线购买</span>
            <img src="./img/搜索.png" alt="搜索">

        </div>
    </div>
    <div class="main">
        <div class="main1">
            <img src="./img/hc2021-cn-1.jpg" alt="">
        </div>
        <div class="main2">
            <span>
                <h1 class="text"><b>推荐信息</b></h1>
            </span>
            <div class="img1 aa ee">
                <img src="./img/p50-cn-p.jpg" alt="第一张">
                <ul>
                    <li style="font-size: 20px">产品</li>
                    <li style="font-size: 23px"><b>HUAWEI P50 系列</b></li>
                    <li style="font-size: 17px ">万象新生</li>
                </ul>
            </div>
            <div class="img2 aa  ee">
                <img src="./img/pixlab-x1-p.jpg" alt="第二张">
                <ul>
                    <li style="font-size: 20px">产品</li>
                    <li style="font-size: 23px"><b>HUAWEI PixLab X1</b></li>
                    <li style="font-size: 17px ">激光多功能打印机</li>
                </ul>
            </div>
            <div class="img3 bb ee">
                <img src="./img/matestation-p.jpg" alt="第三张">
                <ul>
                    <li style="font-size: 20px">产品</li>
                    <li style="font-size: 23px"><b>HUAWEI MateStation X</b></li>
                    <li style="font-size: 17px ">原色全面屏一体机</li>
                </ul>
            </div>
            <div class="img4 bb ee">
                <img src="./img/matebook.jpg" alt="第四张">
                <ul>
                    <li style="font-size: 20px">产品</li>
                    <li style="font-size: 23px"><b>HUAWEI MateBook 14s</b></li>
                </ul>
            </div>
            <div class="img5 cc ee">
                <img src="./img/ascend-ai-eco.jpg" alt="第五张">
                <ul>
                    <li style="font-size: 20px">合作生态</li>
                    <li style="font-size: 23px"><b>“一平台双驱动”，弓箭昇腾产业新</b></li>
                    <li style="font-size: 23px"><b>生态</b></li>
                </ul>
            </div>
            <div class="img6 cc ee">
                <img src="./img/distributed-storage3.jpg" alt="第六张">
                <ul>
                    <li style="font-size: 20px">解决方案</li>
                    <li style="font-size: 23px"><b>海量高性能数据分析，让数据更智能</b></li>
                </ul>
            </div>
            <div class="img7 cc ee">
                <img src="./img/10-trends-future-connectivity2.jpg" alt="第七张">
                <ul>
                    <li style="font-size: 20px">趋势洞察</li>
                    <li style="font-size: 23px"><b>十大趋势塑造下一代网络</b></li>
                    <li style="font-size: 17px ">从2G/NGN,到3G/4G/Multi-Play，再到云时代的5G/SDN/NFV,还将出现......</li>
                </ul>
            </div>
        </div>
        <div class="main3">
            <img src="./img/hc2021-t4a-cn-2.jpg" alt="工作图">
        </div>
        <div class="main4">
            <h1 class="text1"><b>新闻与活动</b></h1>
        </div>
        <div class="main5">
            <div class="image1">
                <img src="./img/hc2021-en.jpg" alt="第一张">
                <span class="head_text">展会活动</span>
                <h4 class="gg">华为全联接2021</h4>
                <span class="head_text1">线上大会</span> <span class="head_text1">2021年9月23-25日</span>
                <p>今年活动以“深耕数字化”为主题，将在在线举办，提供全球直播和互动</p>
            </div>
            <div class="image2">
                <img src="./img/list-2.jpg" alt="第二张">
                <span class="head_text">展会活动</span>
                <h4 class="gg">2021全球移动宽带论坛</h4>
                <span class="head_text1">阿联酋,迪拜</span> <span class="head_text1">2021年10月13-14日</span>
                <p>5G与世界同行 | 5Grows Together</p>



            </div>
            <div class="image3">
                <span class="head_text">新闻</span>
                <a href="#">
                    <h4>华为获得2021中国先进计算企业百强榜第一名</h4>
                    <span class="head_text1">2021年09月18日</span>
                </a>
                <a href="#">
                    <h4>华为正式加入MANRS，助力全球互联网安全</h4>
                    <span class="head_text1">2021年09月17日</span>
                </a>
                <a href="#">
                    <h4>华为人工智能计算中心解决方案荣获全球智博会产品金奖</h4>
                    <span class="head_text1">2021年09月16日</span>
                </a>
                <a href="#">
                    <h4>中国电力与华为签署战略合作协议，携手促进能源产业绿色低碳智慧升级</h4>
                    <span class="head_text1">2021年09月16日</span>
                </a>
                <a href="#">
                    <h4>华为数字能源助力品胜发布多款快充新品，快充生态持续壮大</h4>
                    <span class="head_text1">2021年09月13日</span></a>
            </div>
        </div>
        <div class="main6">
            <button>更多活动</button><button>更多新闻</button>
        </div>
    <div class="over">
        <div class="over1">
            <a href="#">首页</a>
            <img class="over_img1" src="./img/搜索.png" alt="搜索">

        </div>
        <div class="over2">
            <ul>
                <li><h3>关于华为</h3></li>
                <li>公司简介</li>
                <li>可持续发展</li>
                <li>信任中心</li>
                <li>管理层信息</li>
                <li>招贤纳士</li>
                <li>供应商</li>
                <li><a href="">查看更多</a></li>
            </ul>
            <ul>
                <li><h3>新闻与活动</h3></li>
                <li>新闻</li>
                <li>展会活动</li>
                <li>华为直播</li>
                <li>媒体图库</li>
            </ul>
            <ul>
                <li><h3>发现</h3></li>
                <li>华为技术观察</li>
                <li>出版物</li>
            </ul>
            <ul>
                <li><h3>我们的产品</h3></li>
                <li>个人及家庭产品</li>
                <li>企业业务产品</li>
                <li>运营商网络产品</li>
                <li>华为云服务</li>
            </ul>
            <ul>
                <li><h3>技术支持</h3></li>
                <li>消费者技术支持</li>
                <li>华为云技术支持</li>
                <li>企业技术支持</li>
                <li>运营商技术支持</li>
                <li>产品安全通告</li>
            </ul>
        </div>
        <div class="over3">
            <div>
                <ul>
                    <li>华为商城</li>
                    <li>华为云</li>
                    <li>华为智能光伏</li>
                    <li>产品定义社区</li>
                    <li>华为心声社区</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="end">
        <ul>
            <li>©2021 华为技术有限公司</li>
            <li>粤A2-20044005号 粤公网安备  44030702002388号</li>
            <li>丨</li>
            <li>联系我们</li>
            <li>法律声明</li>
            <li>隐私保护</li>
            <li>除名查询</li>
        </ul>
    </div>
</body>
</html>